@charset "utf-8";
/* CSS Document */
@font-face{ font-family: font_shuzi; src: url(../fonts/BarlowCondensed-Medium.ttf);}
@font-face{ font-family: b_Bold_i; src: url(../fonts/BarlowCondensed-BoldItalic.ttf);}
@font-face{ font-family:b_Regular; src: url(../fonts/BarlowCondensed-Regular.ttf);}
@font-face{ font-family:b_Medium; src:url(../fonts/BarlowCondensed-Medium.ttf);}
@font-face{ font-family:b_Bold; src:url(../fonts/BarlowCondensed-SemiBold.ttf);}
@font-face{ font-family:b_Light; src:url(../fonts/BarlowCondensed-Light.ttf);}
@font-face{ font-family:b_ExtraBold; src:url(../fonts/BarlowCondensed-ExtraBold.ttf);}
@font-face{ font-family:AgencyFB; src:url(../fonts/AGENCYB.TTF);}
body{ font-size:100%;line-height:1.1; width:100%; min-width: 1280px; position:relative; background:none; font-family:"微软雅黑","Microsoft YaHei", sans-serif; overflow-x:hidden;}
*{ padding:0; margin:0;}
img{ max-width:100%;}
#bdshare_weixin_qrcode_dialog *,#bdshare_weixin_qrcode_dialog{ box-sizing:content-box; }
.j_tab{ display:table; width:100%; height:100%;}
.j_tab_cel{ display:table-cell; vertical-align:middle; width:100%; height:100%;}
*{ margin:0; padding:0; outline:none; }
a{ color:inherit;}
a:focus{ outline: none !important;}
h4, .h4, h5, .h5, h6, .h6,h1, .h1, h2, .h2, h3, .h3,p{ margin:0;}
h5{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
h5 a{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
img{ max-width:100%; max-height:100%;}
.img img{ width:100%; height:100%;}
svg{ max-width:100%; max-height:100%;}
table{table-layout: fixed;}
.m1100{ width:1100px; margin:0 auto; display: block; position:relative;}
.m{width: 1200px;margin: 0 auto; display: block; position:relative;}
.m1280{max-width: 1280px; width:100%; height:100%; margin: 0 auto; display: block; position:relative;}
.m1360{max-width: 1360px; width:100%; height:100%; margin: 0 auto; display: block; position:relative;}
.m1400{max-width: 1540px; width:100%; height:100%; margin: 0 auto; padding:0 70px; display: block; position:relative;}
.m1600{max-width: 1600px; width:100%; height:100%; margin: 0 auto; display: block; position:relative;}
.m1689{max-width: 1689px; width:100%; height:100%; margin: 0 auto; display: block; position:relative;}
.m1900{max-width: 1900px; width:100%; height:100%; margin: 0 auto; display: block; position:relative;}
.pad_top{ padding-top:4.06rem;}
.pad_bot{ padding-bottom:4.06rem;}
.pad_aside{ padding-left:45px; padding-right:45px;}
.draw_h{ width: 42px; height: 42px; line-height: 40px; display:block; border-radius: 50%; text-align: center; position:relative;}
.draw_h:before{ content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; border: 1px solid #bcbcbc; border-radius: 50%;}
svg.drawcircle{position:absolute;top:0;left:0;overflow: inherit;display: block;pointer-events: none;}
svg.drawcircle circle {
	fill: none; box-sizing:border-box;
	stroke-width: 1;
	stroke: none;
	stroke-dasharray: 0 , 62.5;
	stroke-dashoffset:31.25;
	transition: all .3s linear 0s;	
}
.draw_h:hover svg.drawcircle circle { 
    stroke:#0081cc;
	stroke-dasharray:62.5 , 0;
	stroke-dashoffset:31.25;
	-webkit-transition: all .5s cubic-bezier(0.11, 0.57, 0.58, 1);
	transition: all .5s cubic-bezier(0.11, 0.57, 0.58, 1);
}
.draw_h .icon { fill: #626262; vertical-align: middle; transition:.3s;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.draw_h:hover .icon{ fill:#0081cc;}
/*===========================header=============================*/
#top{ height:40px; line-height:40px; background:#494949; font-size:.875rem; color:#d4d4d4;}
#top .fr a{ margin:0 1.5rem;}
#header{ position: relative; height:6.25rem; z-index:999; width:100%; transition:.6s; background:#fff;box-shadow: 0 1px 1px rgba(0,0,0,.1);}
#header .m1600{ height:100%; position:static;}
.line_bot{ display:block; width:100%; height:1px; position:absolute; left:0; bottom:0; background:rgba(255,255,255,.2);}
#header #logo{ }
#logo{ float:left; height:100%;}
#logo img{ }
#nav{ float:right;}
#nav ul{ float:left;}
#nav ul li{ float:left; position:relative; z-index:0; height:100%;}
#nav>ul>li>a{ display:block; height:6.25rem; display:table-cell; vertical-align:middle; padding:0 1.25rem; text-transform:uppercase; overflow:hidden; position:relative; transition:.6s; text-align:center; z-index:1; transition:.8s;}
#nav ul li h3{ font-size:1rem; color:#3e3e3e;transition:.8s; margin-bottom:2px; }
#nav ul li span{ font-size:12px; color:#aeaeae; text-transform:uppercase;transition:.8s;}
#nav ul li a i{ display:inline-block; background:url(../images/nav_down.png) center no-repeat; width:9px; height:6px; background-size:contain; vertical-align:middle; margin-left:8px;}
#nav ul li .sub{position:absolute;top:100%;background:#fff; background:rgba(255,255,255,.95); width: 100%;left:0; z-index: 10000;/* transform:translateY(-20px); */visibility:hidden;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;transition:.5s;}
#nav ul li .sub .box{padding:10px 10px; text-align:center;}
#nav ul li .sub a{padding:0;line-height:2;transition:.3s;font-size: .7rem;color: #666; display: block; font-size: 14px;}
#nav ul li .sub a:hover{color: #e24d19;}
#nav ul li:hover .sub{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; visibility:visible; transform:translateY(0px);}
#nav>ul>li.on h3,#nav ul li:hover h3{ color:#e24d19; }
#nav>ul>li.on span,#nav ul li:hover span{ color:#b0b8d6; }
#nav>ul>li>a:after{ content:""; display:block; width:0; height:3px; position:absolute; left:0; background:#e24d19; bottom:0px; transition:.5s; z-index:-1; }
#nav>ul>li:hover>a:after,#nav ul li.on>a:after{ width:100%;}
#top_yuyan{ float:left; height:6.25rem;}
#top_yuyan .dt{ height: 100%;}
#top_yuyan .dt a{ width:10rem; height:2.8rem; line-height:2.8rem; background:#e24d19; text-align:center; color:#fff; display:block; border-radius:4px; text-transform:uppercase; font-size:.875rem; font-family:arial;}
#top_yuyan .dt img{ margin-right:.5rem; width:1.2rem;}
#top_yuyan .dt i {
    display: inline-block;
    background: url(../images/xia.svg) center no-repeat;
    width: 12px;
    height: 10px;
    background-size: contain;
    vertical-align: middle;
    margin-left: 8px;
}
/*语言切换*/
#top_yuyan{ position:relative; }
#top_yuyan .dd{ position:absolute; top:100%; background:#fff; width:100%; left:0; border:1px solid #bbb; border-bottom:5px solid #ea9612; z-index: 10000; transform:translateY(-20px); visibility:hidden; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; transition:.5s; }
#top_yuyan:hover .dd{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; visibility:visible; transform:translateY(0px);}
#top_yuyan .dd .box{ padding:10px 13px; background:#fff; }
#top_yuyan .dd:before {
    content: "";
    position: absolute;
    top: -5px;
    right: 50%; margin-right:-20px;
    height: 40px; 
    width: 40px;
    background-color: #FFFFFF;
    border: 1px solid #bbb;
    z-index: -1;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg); 
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
}
#top_yuyan .dd a{ display:block; text-align:center; line-height:30px; height:30px;}
#top_yuyan .dd img{ vertical-align:middle;}
#top_yuyan .dd a:hover{ color:#e24d19;} 
 /*顶部搜索*/
.top_search{ width:108px; float:right; height:40px; margin-left:50px; position:relative;transition:.3s; }
.top_search:before{ content:""; width:40px; height:34px; position:absolute; right:-10px; top:2.5px; background:#e5e6eb; border-radius:20px; transition:.3s; opacity:0;}
.top_search form{ height:35px; border-radius:20px; position:relative; width:100%; transition:.3s; }
.top_search:hover{ width: 216px;}
.top_search:hover:before{ width:105%; opacity:1;}
.top_search #keyword{font-size:.8rem;color:#494949;height:35px;line-height:35px;padding:0 1rem;box-shadow:none;-webkit-appearance: none;border-right: 0;background:none;width:  100%;}
.top_search .btn_blue{ position:absolute; top:0; right:-10px; width: 40px;height:38px; line-height:38px; border:0; background:url(../images/search_gray.svg) center center no-repeat; background-size:1.2rem; }
.top_search .btn_blue.fr{ background:#e9edef; color:#4e4f53;}
.top_search input::-webkit-input-placeholder{color:#494949; }
.top_search input::-moz-placeholder{color:#494949; }
.top_search input:-moz-placeholder{color:#494949; }
.top_search input:-ms-input-placeholder{color:#494949; } 
.top_search input:focus::-webkit-input-placeholder {color: transparent; }
.top_search input:focus:-moz-placeholder {color: transparent;} 
.top_search input:focus::-moz-placeholder {color: transparent;} 
.top_search input:focus:-ms-input-placeholder {color: transparent;} 
/*搜索*/
#searchBtn{ height:4.5rem; margin-right:4rem;}
#searchBtn a{ display:block; width:2.625rem; height:2.625rem; line-height:2.4375rem; border-radius:50%; border:1px solid #bcbcbc; text-align:center; transition:.3s; overflow:hidden; }
#searchBtn svg{vertical-align:middle; display:inline-block; }
#searchBtn:hover a{ background:#e24d19; border:1px solid #e24d19;}
#searchBtn:hover svg{ fill:#fff; animation:huadong .7s;}
@-webkit-keyframes huadong {
	0% { transform:translateY(0); opacity:1;}
	50%{ transform:translateY(-10px); opacity:0;}
	51%{ transform:translateY(10px); opacity:0;}
	100% { transform:translateY(0); opacity:1;}
}
@keyframes huadong {
	0% { transform:translateY(0); opacity:1;}
	50%{ transform:translateY(-10px); opacity:0;}
	51%{ transform:translateY(10px); opacity:0;}
	100% { transform:translateY(0); opacity:1;}
}
.top_menu .ico a{font-size:16px;color:#3c3c3c;text-transform:uppercase;display:  block;width:  100%;height:  40px;line-height: 38px;}
.top_menu .icon{ fill:#626262;vertical-align:middle; }
.tc{ transition:all ease 300ms; position: fixed; width: 100%; height: 100%;  top: 0; left: 0; z-index:9999999999; pointer-events: none; visibility:hidden; opacity:0;  transition:.5s;}
.tc[name=tc_search]{ opacity:1;}
.tc.act{  display: block;  pointer-events: auto; visibility:visible; opacity:1;}
.tc-box{
  box-sizing:border-box; z-index:999;
  display: block;
  position:relative;
  }
.tc_close{ position: absolute; cursor:pointer; color:#e13a39; font-size:30px; right: 30px; top: 30px;}
.tc_bg { height: 100%; background: rgba(0,0,0,.85); position: absolute; top: 0; left: 0; width: 100%; z-index: 0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; transition:.5s; }
.tc.act .tc_bg{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; transition:.5s; }
/*首页banner*/
#banner{ height:730px; width:100%; position:relative; z-index:9;}
  .shape{ float:left; width:100%; height:100%;/* background:#e24d19; */shape-outside: polygon(0 0, 100% 0, 100% 100%,0 85%);
 clip-path: polygon(0 0, 100% 0, 100% 100%,0 85%);}
#banner .banner_slider{ position:absolute; top:0; left:0; width:100%; height:100%;}
#banner li{ position:relative; }
#banner li .img{ width:100%; height:830px; z-index:8;  }	
@-webkit-keyframes bgscale {
from { -webkit-transform: scale(1); transform: scale(1); }
to {-webkit-transform: scale(1.05); transform: scale(1.05); }
}
@keyframes bgscale {
from { -webkit-transform: scale(1); transform: scale(1); }
to {-webkit-transform: scale(1.05); transform: scale(1.05); }
}
@-webkit-keyframes letter {
from { letter-spacing:10px; opacity:0;}
to { letter-spacing:0px; opacity:1;}
}
@keyframes letter {
from { letter-spacing:10px; opacity:0;}
to { letter-spacing:0px; opacity:1;}
}
#banner .slick-current .img{ animation:bgscale 6s linear; animation-fill-mode: forwards; }
#banner .con{ position:absolute; width:100%; height:700px; top:0; left:0; z-index:999; }
#banner .demo1{ position:absolute; left:-200px; top:85px;}
/*#banner .demo2{ position:absolute; left:-100px; top:143px;}*/
#banner .demo2{ position:absolute; right:50%; left: -10rem; top:85px;}
#banner .demo3{ position:absolute; right:0; top:142px;}
#banner .demo4{ position:absolute; right:80px; bottom:60px;}
#banner .txt{ margin:0 auto; color:#fff; }
#banner .txt:before{ content:""; display:block; width:49px; height:33px; position:absolute; left:-80px; background:url(../images/banner_yinhao.png) center no-repeat; background-size:contain;}
#banner .txt h3{ font-size:3.75rem;font-family:b_ExtraBold; text-transform:uppercase; margin-bottom:1rem; }
#banner .txt span{ font-size:.875rem; line-height:1.125rem;font-family:b_Light; text-transform:uppercase; display:block; }
#banner .txt h4{ font-size:2.125rem; font-weight:bold; line-height:3.75rem; text-transform:uppercase; display:block; }
#banner .txt p{ font-size:1.125rem; line-height:1.875rem; display:block; }
#banner .txt .bn_btn{ display: inline-block; width:155px; height:45px; line-height:45px; border-radius:1.4rem; text-align:center; background:#fff; color:#e24d19; font-size:.9375rem; margin-top:3rem; position: relative; padding-left: 40px;}
#banner .txt .bn_btn i{ display: inline-block; width: 40px; height: 40px; border-radius: 50%; background: #e24d19; position: absolute; left: 2.5px; top:2.5px; overflow: hidden;}
#banner .txt .bn_btn i:before{ content: ""; display: block; width: 100%; height: 100%; background: url(../images/arr.png) center no-repeat; position: absolute; left: 0; top: 0;  transition: .5s;}
#banner .txt .bn_btn i:after{ content: ""; display: block; width: 100%; height: 100%; background: url(../images/arr.png) center no-repeat; position: absolute; left: 100%; top: 0;  transition: .5s;}
#banner .txt .bn_btn:hover i:before{ left: -100%;}
#banner .txt .bn_btn:hover i:after{ left: 0;}
#banner li.slick-current{ z-index:999;}
#banner .demo1{ opacity: 0; }
#banner .demo2{ opacity: 0; }
#banner .demo3{ opacity: 0; }
#banner .demo4{ opacity: 0; }
#banner .remove .demo1{ animation:quit .5s; animation-fill-mode: forwards;}
#banner .remove .demo2{ animation:quit .5s; animation-fill-mode: forwards;}
#banner .remove .demo3{ animation:quit .5s; animation-fill-mode: forwards;}
#banner .remove .demo4{ animation:quit .5s; animation-fill-mode: forwards;}
#banner .slick-current .demo1{ animation:enter 1s .8s; animation-fill-mode: forwards;}
#banner .slick-current .demo2{ animation:enter 1.2s; animation-fill-mode: forwards;}
#banner .slick-current .demo3{ animation:enter 1s .5s; animation-fill-mode: forwards;}
#banner .slick-current .demo4{ animation:enter .5s 1s; animation-fill-mode: forwards;}
@-webkit-keyframes enter {
    0% { opacity: 0; transform:translateY(-100%); }
    100% { opacity: 1;  transform: translateY(0px); }
}
@keyframes enter {
    0% { opacity: 0; transform:translateY(-100%); }
    100% { opacity: 1; transform: translateY(0px); }
}
@-webkit-keyframes quit {
	0% { opacity: 1;  transform: translateY(0px); }
    100% { opacity: 0; transform:translateY(100px); }
}
@keyframes quit {
   0% { opacity: 1;  transform: translateY(0px); }
    100% { opacity: 0; transform:translateY(100px); }
}
#banner .slick-arrow{ top:50%; margin-top:-20px; width:60px; height:60px; background-size:40px !important; z-index:999; float:left; margin-right:10px; cursor:pointer; transition: .3s; position: absolute; text-align: center;}
#banner .slick-arrow:before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; border: 1px solid rgba(255,255,255,.7); border-radius: 50%; transform: scale(0);transition: 600ms ease-in-out 100ms; -webkit-transition: 600ms ease-in-out 100ms; opacity: 0; }
#banner .slick-arrow:hover{ }
#banner .slick-prev{ left:5rem;}
#banner .slick-next{ right:5rem;}
#banner .slick-prev:after{ content: ""; display: inline-block; width: 40px; height: 60px; background:url(../images/banner_left.png) left center no-repeat;transition: 300ms ease-in-out; -webkit-transition: 600ms ease-in-out; }
#banner .slick-next:after{  content: ""; display: inline-block; width: 40px; height: 60px; background:url(../images/banner_right.png) right center no-repeat;transition: 300ms ease-in-out; -webkit-transition: 600ms ease-in-out;}
#banner .slick-arrow:hover:before {transform: scale(1); opacity: 1; transition: 600ms ease-in-out; -webkit-transition: 600ms ease-in-out;}
#banner .slick-arrow:hover:after { width: 20px; }
.btn_flashcenter {  position: relative; overflow: hidden; transition: 0.52s; }
.btn_flashcenter:hover { box-shadow: 0 4px 10px 0px rgba(0, 0, 0, 0.225); }
.btn_flashcenter .anim { -moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); position: absolute; top: 50%; left: 50%; }
.btn_flashcenter .anim:before { position: relative; content: ''; display: block; margin-top: 100%; }
.btn_flashcenter .anim:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 50%; }
.btn_flashcenter:hover .anim { -moz-animation: anim-out 0.75s; -webkit-animation: anim-out 0.75s; animation: anim-out 0.75s; }
.btn_flashcenter:hover .anim:after { -moz-animation: anim-out-pseudo 0.75s; -webkit-animation: anim-out-pseudo 0.75s; animation: anim-out-pseudo 0.75s; }
@-webkit-keyframes anim-out-pseudo {
    0% { background: rgba(0, 0, 0, 0.25); }
    100% { background: transparent; }
}
@-moz-keyframes anim-out-pseudo {
    0% { background: rgba(0, 0, 0, 0.25); }
    100% { background: transparent; }
}
@-ms-keyframes anim-out-pseudo {
    0% { background: rgba(0, 0, 0, 0.25); }
    100% { background: transparent; }
}
@keyframes anim-out-pseudo {
    0% { background: rgba(0, 0, 0, 0.25); }
    100% { background: transparent; }
}
@-webkit-keyframes anim-out {
    0% { width: 0%; }
    100% { width: 100%; }
}
@-moz-keyframes anim-out {
    0% { width: 0%; }
    100% { width: 100%; }
}
@-ms-keyframes anim-out {
    0% { width: 0%; }
    100% { width: 100%; }
}
@keyframes anim-out {
    0% { width: 0%; }
    100% { width: 100%; }
}
#rect{ position:absolute; top:0; right:0; height:100%; z-index:999; visibility:visible;}
.cls-1, .cls-2, .cls-3, .cls-5, .cls-6, .cls-7, .cls-8, .cls-9 {fill: #fff; opacity:0;}
.cls-1{opacity: 0.1;}
.cls-2{opacity: 0.7;}
.cls-3{opacity: 0.9;}
.cls-4{fill: #e27a3e;}
.cls-5{opacity: 0.5;}
.cls-6{opacity: 0.4;}
.cls-7{opacity: 0.3;}
.cls-8{opacity: 0.05;}
.cls-9{opacity: 0.2;}
    .act .cls-1 {animation: anim1 1.8s .5s forwards;}
    .act .cls-2 {animation: anim7 1s .4s forwards;}
    .act .cls-3 {animation: anim9 1s .6s forwards;}
    .act .cls-4 {animation: anim 2s .8s forwards; }
    .act .cls-5 {animation: anim5 1.5s .6s forwards;}
    .act .cls-6 {animation: anim4 1.9s  .2s forwards;}
    .act .cls-7 {animation: anim3 1.2s  .3s forwards;}
    .act .cls-8 {animation: anim05 1.6s .3s forwards;}      
    .act .cls-9 {animation: anim2 1.7s .1a forwards;}
	  @keyframes anim {
			0% { opacity:0; }
			100% { opacity:1; }
		}
		  @keyframes anim1 {
			0% { opacity:0; }
			100% { opacity:.1; }
		}
		  @keyframes anim2 {
			0% { opacity:0; }
			100% { opacity:.2; }
		}
		  @keyframes anim3 {
			0% { opacity:0; }
			100% { opacity:.3; }
		}
		  @keyframes anim4 {
			0% { opacity:0; }
			100% { opacity:.4; }
		}
		  @keyframes anim5 {
			0% { opacity:0; }
			100% { opacity:.5; }
		}
		@keyframes anim05 {
			0% { opacity:0; }
			100% { opacity:.05; }
		}
		  @keyframes anim7 {
			0% { opacity:0; }
			100% { opacity:.7; }
		}
		 @keyframes anim9 {
			0% { opacity:0; }
			100% { opacity:.9; }
		}
/* 主体开始*/
#s_mian{  }
#s_smart{ position: relative; margin-top:-120px; z-index:1; margin-bottom:50px; height:1047px; background:url(../images/s_smart_bg.png) center no-repeat;}
#s_smart .con{ position:absolute; left:0; top:0; width:100%; height:100%;}
#s_smart .box{ height:634px; background:#2f2f2f url(../images/s_smart_txt.jpg) center no-repeat; border:10px solid #2b2b2b; box-shadow:0 25px 35px rgba(0,0,0,.25);}
#s_smart .txt{ text-align:center; text-transform:uppercase; color:#fff; padding-top:6.8rem;}
#s_smart .txt h3{ font-size:5rem; font-family:AgencyFB; font-weight:bold;}
#s_smart .txt span{ font-size:1rem; opacity:0.7; font-family:"Agency FB";}
#s_smart .txt p{ font-size:1.625rem; margin-top:1.5rem;}
#s_smart .txt p span{ font-size:1.625rem; color:#e14d19; opacity:1;}
.s_shebei{ position:absolute; bottom:-50px; text-align:center; width:100%;}
#s_smart:after{ content:""; display:block; width:100%; height:100px;background:#f8f8f8; position:absolute; left:0; bottom:-50px; z-index:-1;}
#s_fenxi{ background:#f8f8f8; position:relative;}
#s_fenxi .txt{ text-align:center;}
#s_fenxi .tt{ font-size:3.25rem; line-height:4rem; color:#3e3e3e; text-transform:uppercase; font-family:b_Bold; margin-bottom:2.2rem;}
#s_fenxi .tt i{ display:inline-block; width:4.875rem; height:1rem; vertical-align:middle; background:url(../images/s_fenxi_tt.png) center no-repeat; background-size:contain; margin-right:1rem;}
#s_fenxi .txt h3{ font-size:26px; color:#464849; margin-bottom:1.5rem;}
#s_fenxi .txt p{ font-size:.875rem; color:#7c7c7c; line-height:1.625rem;}
.waves {
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}
.more_button{position: absolute; background:#f8f8f8; bottom:-27px; left:50%; margin-left:-27px; overflow:hidden; z-index:1;width:54px;height:54px;border:2px solid #85898c;-moz-border-radius:100%;border-radius:100%;color:#e0e0e0;text-align:center;line-height:48px;display:block; 
  font-size: 12px;
    -o-transition: all 1.7s ease;
    -moz-transition: all 1.7s ease;
    transition: all 1.7s ease;
    -webkit-mask-image: radial-gradient(white, black);
            mask-image: radial-gradient(white, black);
}
.more_button:focus{outline:none;}
.more_button:hover {
    background: #e00012;
    color: #fff;
    border: 2px solid #e24d19;
}
.more_button i {
  display: block;
  -webkit-transform: scale(0);
     -moz-transform: scale(0);
       -o-transform: scale(0);
          transform: scale(0);
  width: 100%;
  height: 100%;
    background: -moz-radial-gradient(#e24d19, #e26019,#e24d19,#e26019,#e24d19,#e26019,#e24d19,#e26019,#e24d19);
    background: -o-radial-gradient(#e24d19, #e26019,#e24d19,#e26019,#e24d19,#e26019,#e24d19,#e26019,#e24d19);
    background: radial-gradient(#e24d19, #e26019,#e24d19,#e26019,#e24d19,#e26019,#e24d19,#e26019,#e24d19);
    opacity: 0;
    -o-transition: 1.2s, opacity 1.8s;
    -moz-transition: 1.2s, opacity 1.8s;
    transition: 1.2s, opacity 1.8s;
    -moz-border-radius: 50%;
         border-radius: 50%;
}
.more_button:hover i {
  -webkit-transform: scale(10);
     -moz-transform: scale(10);
       -o-transform: scale(10);
          transform: scale(10);
    opacity: 1;
    -o-transition: 3s, opacity .3s;
    -moz-transition: 3s, opacity .3s;
    transition: 3s, opacity .3s;
}
.dot2 span,.dot1 span{position:absolute;color:#2c2c2c; left:50%;top:50%; font-family:simsun; font-size:20px; width:13px;
  -webkit-transform: translateX(-50%)translateY(-46%) ;
    -moz-transform: translateX(-50%)translateY(-46%) ;
    -o-transform: translateX(-50%)translateY(-46%) ;
    transform: translateX(-50%)translateY(-46%) ;
  -moz-animation-fill-mode:forwards;
    -o-animation-fill-mode:forwards;
       animation-fill-mode:forwards;
  -webkit-animation-fill-mode:forwards;
}
svg{ max-width:100%; max-height:100%;}
svg polyline{
    transition:.3s;
	}
/*dot1*/
.dot1 span{
  color: #2c2c2c;
}
.dot1 span:nth-child(1){
    -o-transition: all 0.4s .5s ease, color .3s;
    -moz-transition: all 0.4s .5s ease, color .3s;
    transition: all 0.4s .5s ease, color .3s;
  top:60%;
}
.more_button:hover .dot1 span:nth-child(1){
  top: 80%;
    -o-transition: all 0.4s .2s ease, color .3s;
    -moz-transition: all 0.4s .2s ease, color .3s;
    transition: all 0.4s .2s ease, color .3s;
  color: #fff; opacity:0;
}
.more_button:hover .dot1 span:nth-child(1) svg polyline{ -o-transition: all 0.4s .2s ease, color .3s;
    -moz-transition: all 0.4s .2s ease, color .3s;
    transition: all 0.4s .2s ease, color .3s;stroke:#fff;}
/*dot2*/
.dot2 span:nth-child(1){
  top:40%;
    -o-transition: all 0.4s .2s ease, color .3s;
    -moz-transition: all 0.4s .2s ease, color .3s;
    transition: all 0.4s .2s ease, color .3s;
    color:#d1d1d1; opacity:0;
}
.more_button:hover .dot2 span:nth-child(1){
  top:60%;
    -o-transition: all 0.4s .5s ease, color .3s;
    -moz-transition: all 0.4s .5s ease, color .3s;
    transition: all 0.4s .5s ease, color .3s;
  color: #fff; opacity:1;
}
.more_button:hover .dot2 span:nth-child(1) svg polyline{ -o-transition: all 0.4s .2s ease, color .3s;
    -moz-transition: all 0.4s .2s ease, color .3s;
    transition: all 0.4s .2s ease, color .3s;stroke:#fff; }
.s_tt{ text-align:center; margin-bottom:70px;}
.s_tt span{ font-family:b_Bold; font-size:48px; display:block; display:block; margin-bottom:8px; text-transform: capitalize;}
.s_tt h3{ font-size:20px; color:#3e3e3e;}
#s_pro{ padding-top:130px; padding-bottom:113px;}
#s_pro .m1280{ font-size: 0; text-align: center; }
#s_pro ul{ display: inline-block; margin-bottom:30px; }
#s_pro ul li{ width:385px; height:270px; margin-bottom:20px; color:#fff; padding:60px 45px;}
#s_pro ul li.li_1{ background:url(../images/s_pro_bg1.jpg) center no-repeat;margin-right:20px;}
#s_pro ul li.li_2{ background:url(../images/s_pro_bg2.jpg) center no-repeat;margin-right:20px;}
#s_pro ul li.li_3{ width:390px; height:560px; background:url(../images/s_pro_bg3.jpg) center no-repeat;margin-right:20px;}
#s_pro ul li.li_4{ background:url(../images/s_pro_bg4.jpg) center no-repeat;}
#s_pro ul li.li_5{ background:url(../images/s_pro_bg5.jpg) center no-repeat;}
#s_pro ul li .tt{ margin-bottom:30px; position:relative;}
#s_pro ul li .tt h5{ font-size:24px; margin-bottom:4px;}
#s_pro ul li .tt span{ font-size:14px; font-family:b_Regular; text-transform:uppercase; opacity:.6;}
#s_pro ul li .tt i{ position:absolute; width:32px; height:10px; display:block;  right:50px; top:45%;}
#s_pro ul li .tt i{ overflow: hidden;}
#s_pro ul li .tt i:before{ content: ""; display: block; width: 100%; height: 100%; background:url(../images/arr_right.png) center no-repeat; position: absolute; left: -100%; top: 0;  transition: .5s;}
#s_pro ul li .tt i:after{ content: ""; display: block; width: 100%; height: 100%; background:url(../images/arr_right.png) center no-repeat;  position: absolute; left: 0; top: 0;  transition: .5s;}
#s_pro ul li:hover .tt i:before{ left: 0;}
#s_pro ul li:hover .tt i:after{ left: 100%;}
#s_pro ul li .txt{ font-size:14px; line-height:22px; height:66px; overflow:hidden;}
#s_pro ul li.li_3{ padding-top:0;}
#s_pro ul li.li_3 .pic{ position:relative; height:343px;}
#s_pro ul li.li_3 .pic .img01{ position:absolute; left:35px; top:30px; animation:rotate 5s infinite linear;}
#s_pro ul li.li_3 .pic .img02{ position:absolute; right:-45px; bottom:0;}
@keyframes rotate {
    0% { transform:rotate(0);}
    100% {transform:rotate(360deg); }
}
.btn_more { width: 183px; position: relative; display:block; margin:0 auto; margin-top:2rem;
    overflow: hidden;
    height: 47px; line-height:43px;
    transition: all .3s ease;
    color: #000; text-align:center;
    border: 2px solid #e5e5e5;
    font-size: 14px;font-family:arial; 
  background: linear-gradient(to left, transparent 50%, #e24d19 50%);
  background-position: right bottom;
  background-size: 200% 100%; }
.btn_more > svg {
  margin-left: 15px;
  fill: #1c1c1c; }
.btn_more:hover{
    background-position: left bottom;border: 2px solid #e24d19; color:#fff;
}
#s_fangan{ background:#f8f8f8; padding-top:116px; overflow:hidden; padding-bottom:110px;}
#s_fangan ul{ font-size:0; margin-top:-30px;}
#s_fangan ul li{ width:20%; display:inline-block; vertical-align: top; text-align:center; margin-top:30px;}
#s_fangan ul li .hd{ height:139px; cursor:pointer;}
#s_fangan ul li .ico{ text-align:center; height:50px; margin-bottom:18px;transition: 1s;}
#s_fangan ul li .ico img{ }
#s_fangan ul li .ico .img02{ display:none;}
#s_fangan ul li .hd h5{ font-size:16px; color:#333;}
#s_fangan ul li .hd i{ display:block; margin:0 auto; width:11px; height:7px; margin-top:30px; transition:.3s; transform:rotateX(180deg);}
#s_fangan ul li.active .ico .img02{ display: inline-block;}
#s_fangan ul li.active .ico .img01{ display: none;}
#s_fangan ul li.active .ico{ transform: rotateY(180deg);}
#s_fangan ul li.active h5{ color:#e24419;}
#s_fangan ul li.active svg{ transform:rotateX(180deg);}
#s_fangan ul li.active polyline{ stroke:#e24419 !important;}
#add-con{ position:relative;}
.common_block_show{ position:absolute; width:100%; left:0; overflow:hidden; }
.s_fangan_box{ background:#e24419; color:#fff; padding:50px 63px; overflow:hidden; border-radius:0 0 8px 8px;}
.s_fangan_box .img{ width:330px; height:200px; float:left; margin-right:72px;}
.s_fangan_box .img img{ transition:1s;}
.s_fangan_box .img:hover img{ transform:scale(1.1);}
.s_fangan_box .txt{}
.s_fangan_box .txt .tt{ font-size:24px; line-height:40px; height:40px; margin-bottom:13px;}
.s_fangan_box .txt .tt span{ font-size:30px; font-family:b_Regular; text-transform:uppercase; font-weight:600; margin-right:8px; position:relative; top:3px;}
.s_fangan_box .txt p{ font-size:14px; line-height:25px; height:50px; overflow:hidden;}
.s_fangan_box .txt .s_btn{ font-size:12px; border:1px solid #eb7c5e; width:105px; height:38px; line-height:36px; display: inline-block; text-align:center; margin-top:50px; z-index:1; overflow:hidden; position:relative;transition:.5s;}
.s_fangan_box .txt .s_btn:before{ content:""; width:0%; height:100%; position:absolute; left:0; top:0; background:#fff; transition:.5s; z-index:-1;}
.s_fangan_box .txt .s_btn:hover{ color:#e24419;border:1px solid #fff;}
.s_fangan_box .txt .s_btn:hover:before{ width:100%;}
.sec03_ele.active{ padding-bottom:30px; background:url(../images/arr_fangan.png) center bottom no-repeat;}
.s_tt.left{ text-align:left;}
#s_ys{ padding-top:130px; overflow:hidden; padding-bottom:139px;}
#s_ys .hd{ overflow:hidden;}
#s_ys .hd .fr span{ float:left; font-size:42px; line-height:40px; overflow:visible; color:#363636; font-family:b_Bold; text-transform:uppercase;   margin-right:27px; position:relative; top:-3px;}
#s_ys .hd .fr span:after{ content:""; width:89px; height:1px; background:#868686; display:block; position:absolute; right:0; bottom:7px;}
#s_ys .hd .fr p{ float:left; font-size:14px; color:#757575; line-height:24px; width:70%;}
#s_ys ul{}
#s_ys ul li{width:33.3333%;float:left;height: 180px;border:1px solid #dde0e2;margin-top:-1px;margin-left:-1px;padding:55px;position:relative;z-index:1;transition:.7s;}
#s_ys ul li .tt{ text-align:center; font-size:20px; color:#575757;}
#s_ys ul li .tt font{ display:inline-block; vertical-align:top; font-size:36px; color:#e24419;transition:.7s; font-family:b_Bold; margin-right:28px; position:relative; top:-6px;}
#s_ys ul li .tt p{max-width:200px;display:inline-block;vertical-align:top;line-height:30px;height:60px;transition:.7s;text-align: left;}
#s_ys ul li .s_btn{ width:150px; height:45px; line-height:45px; text-align:center; line-height:45px; border-radius:23px; background:#8f8f8f; color:#fff; margin:0 auto; display:block; margin-top:35px;transition:.7s;}
#s_ys ul li:before{content:""; width:100%; height:0%; position:absolute; left:0; bottom:0; background:#e24419; transition:.7s; z-index:-1;}
#s_ys ul li:hover .tt font,#s_ys ul li:hover .tt p{ color:#fff;}
#s_ys ul li:hover:before{ height:100%; bottom:0; top:auto;}
#s_ys ul li:hover .s_btn{ background:#fff; color:#e24419;}
#s_ys ul li:hover{ box-shadow:0 17px 27px rgba(226,68,25,.4); border:1px solid #e24419; z-index:2; }
.btn_more2 { width: 205px; position: relative; display:block; margin:0 auto; margin-top:2rem;
    overflow: hidden;
    height: 44px; line-height:40px; border-radius:22px;
    transition: all .3s ease;
    color: #000; text-align:center;
    border: 2px solid #d0d0d0;
    font-size: 14px;font-family:arial; 
  background: linear-gradient(to left, transparent 50%, #d0d0d0 50%);
  background-position: right bottom;
  background-size: 200% 100%; }
.btn_more2 > svg {
  margin-left: 15px;
  fill: #1c1c1c; }
.btn_more2:hover{
    background-position: left bottom; 
}
#s_news{ background:#f8f8f8; padding-top:85px; overflow:hidden; padding-bottom:74px;}
#s_news ul{ margin:0 -10px;}
#s_news ul li{ float:left; margin:0 10px; text-align:center; margin-bottom:36px;}
#s_news ul li .img{ width:385px; height:255px; position:relative;}
#s_news ul li .img img{ transition:1s;}
#s_news ul li:hover .img img{ transform:scale(1.05);}
#s_news ul li .riqi{ position:absolute; z-index:1; width:60px; height:60px; overflow:hidden; background:rgba(0,0,0,.5); padding-top:6px; display:block; border-radius:50%; top:30px; left:30px; color:#fff; font-family:b_Regular; font-size:16px;}
#s_news ul li .riqi span{ display:block; font-size:24px;}
#s_news ul li .txt{ padding:25px; background:#fff;}
#s_news ul li .txt h5{ font-size:16px; color:#333333; margin-bottom:12px;}
#s_news ul li .txt span{ font-size:16px; color:#424242;font-family:b_Regular; line-height:20px;}
#s_news ul li .txt span:before{ content:""; display:inline-block; width:23px; height:1px; background:#2b3138; vertical-align:middle; margin-right:7px;}
#s_news ul li .riqi:before{ content:""; width:100%; height:0; display:block; position:absolute; left:0; bottom:0; z-index:-1; background:#e24419; transition:.7s;}
#s_news ul li:hover .riqi:before{ height:100%;}
#s_kehu{ padding-top:130px; padding-bottom:43px; overflow:hidden;}
#s_kehu .hd{}
#s_kehu .hd .box{}
#s_kehu .hd .box i{ font-family:Haettenschweiler; font-size:100px; display:block;  }
#s_kehu .hd .box p{ font-size:54px; font-family:b_Bold; text-transform:uppercase; margin-top:-60px;}
#s_kehu .hd .left{ width:290px; height:224px; position:relative; z-index:1;}
#s_kehu .hd .left .box{ width:100%; height:100%; background:#e24d19; color:#fff; padding:20px 30px;}
#s_kehu .hd .left .kuang{width:290px; height:224px; border:1px solid #e24d19; position:absolute; left:10px; top:10px; z-index:-1;}
#s_kehu .hd .left .arr{ width:48px; height:15px; position:absolute; left:340px; top:50%; margin-top:-7.5px;}
#s_kehu .hd .left .arr{ overflow: hidden;}
#s_kehu .hd .left .arr:before{ content: ""; display: block; width: 100%; height: 100%; background: url(../images/s_kehu_arr.png) center no-repeat; position: absolute; left: -100%; top: 0; background-size: 2.5rem; transition: .5s;}
#s_kehu .hd .left .arr:after{ content: ""; display: block; width: 100%; height: 100%; background: url(../images/s_kehu_arr.png) center no-repeat; position: absolute; left: 0; top: 0; background-size: 2.5rem; transition: .5s;}
#s_kehu .hd .left:hover .arr:before{ left: 0;}
#s_kehu .hd .left:hover .arr:after{ left: 100%;}
#s_kehu .hd .right{}
#s_kehu .hd .right .tt{ font-size:20px; color:#333333;}
#s_kehu .hd .right .tt span{ font-size:48px; font-family:b_Bold; text-transform: capitalize; margin-right:9px;}
#s_kehu .hd .right h3{ font-size:30px; color:#e24d19; margin-top:65px; margin-bottom:30px;}
#s_kehu .hd .right p{ font-size:14px; color:#3f3f3f; line-height:30px;}
#s_shuzi{ background:url(../images/s_shuzi_bg.png) center no-repeat; height:180px; text-align:center; margin-top:50px;}
#s_shuzi ul{ }
#s_shuzi ul li{ width:25%; float:left; position: relative; z-index:0;}
#s_shuzi ul li .box{ text-align:left; display:inline-block;}
#s_shuzi ul li h5{ font-size:48px; font-family:b_Bold; color:#3f3f3f;text-align:center; padding-top:42px; margin-bottom:10px;}
#s_shuzi ul li h5 span{ font-weight:bold; }
#s_shuzi ul li p{ font-size:16px; color:#3f3f3f; }
#s_coop{ background:#f3f3f3; padding-top:75px; padding-bottom:35px;} 
#s_coop ul{}
#s_coop ul li{}
#s_coop ul li .box{ max-width:218px; height:123px; margin:5px; transition:.5s .5s;}
#s_coop ul li .box .j_tab_cel{ background:#f3f3f3; position:relative; z-index:1;}
#s_coop ul li .box img{mix-blend-mode: multiply; transition:.5s; margin:0 auto;} 
#s_coop ul li .box .j_tab_cel:before{ content:""; width:100%; height:0; display:block; position:absolute; left:0; bottom:0; z-index:-1; background:#fff; transition:1s;}
#s_coop ul li .box:hover .j_tab_cel:before{ height:100%;}
#s_coop ul li .box:hover img{-webkit-filter: grayscale(0%); /* Chrome, Safari, Opera */ filter: grayscale(0%);}
#s_coop ul li .box:hover{ box-shadow:0 9px 27px rgba(0,0,0,.05);}
#s_coop ul li:hover{ position:relative; z-index:99;}
#s_coop .slick-list{ padding-bottom:30px;}
#s_biaodan{ padding-top:100px; padding-bottom:110px; background:url(../images/s_biaodan_bg.jpg) right bottom no-repeat;}
#s_biaodan .tt{ text-align:center; margin-bottom:44px;}
#s_biaodan .tt span{ font-size:60px; color:#3e3e3e; font-family:b_Bold; text-transform:uppercase; display:block; margin-bottom:10px;}
#s_biaodan .tt h3{ font-size:16px; color:#6b6b6b;}
#s_biaodan form{ font-size:0; width:520px; height:45px; border:1px solid #ccc; border-radius:25px; margin:0 auto;}
#s_biaodan form input{ width:380px; height:43px; color:#666; padding:0 20px; font-size:14px; background:none; border-right:1px solid #ccc; text-transform:uppercase;font-family:b_Regular,"微软雅黑";}
#s_biaodan form button{ width:133px; height:43px; line-height:43px; background:none; border:0; color:#313131; font-size:16px; transition: .5s;}
#s_biaodan form button svg{ margin-left:15px; transition: .5s;}
#s_biaodan form button:hover svg { margin-left:25px;}
#s_biaodan form button:hover{ letter-spacing: 2px;}
 .typewriter { }
@keyframes flash {
	0% {
		visibility: visible;
	}
	100% {
		visibility: hidden;
	}
}
.typewriter:after {
	content: "";
	animation: flash .6s steps(2, start) infinite;
}
/*底部*/
#foot{ background:#fff; width:100%; overflow:hidden; color:#7f7f7f; border-top: 1px solid #e8e8e8; padding-top: 40px;}
input::-webkit-input-placeholder{ color:#919191;}
input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#919191; }
input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#919191;}
input:-ms-input-placeholder{ /* Internet Explorer 10-11 */ color:#919191;}
.foot_logo{ float:left;}
.foot_nav{ position:relative; border-bottom:1px solid #e8e8e8; overflow:hidden;  }
.foot_nav ul{ float:right;}
.foot_nav ul li{ font-size:14px; color:#000; float:left; margin-left:50px; line-height:45px; transition:.3s;}
.foot_nav ul li:hover{ color:#e24419;}
.foot_nav ul li a{ height: 80px; display: inline-block; position: relative; z-index: 1;}
.foot_nav ul li a:after{ content:""; display:block; width:0; height:3px; position:absolute; left:0; background:#e24d19; bottom:0px; transition:.5s; z-index:-1; }
.foot_nav ul li a:hover:after{ width:100%;}
.foot_center{ padding-top:75px; margin:0 -32px; padding-bottom:50px; overflow:hidden;}
.foot_center dl{ width:33.333%; float:left; padding:0 32px;}
.foot_center dl dt{ font-size:24px; color:#000;  margin-bottom:15px; position:relative; transition:.3s; }
.foot_center dl dd{ font-size:14px; color:#b7b7b7; line-height:24px;}
.foot_center dl dt:hover{color:#e24419;}
.foot_share{ float:left;}
.foot_c{ float:right;}
.foot_share ul{ font-size:0; }
.foot_share ul li{ display:inline-block; margin-right:.625rem; position:relative;}
.foot_share ul li a{ display:inline-block; width:40px; height:40px; line-height:38px; text-align:center; border-radius:50%; cursor:pointer;}
.foot_share ul li a img{ transition:.3s; max-width:50%; max-height:50%;}
.foot_share ul li a .img02{ display:none;}
.foot_share ul li a{ position: relative; z-index:1; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;}
.foot_share ul li a:before{ content:""; width: 100%; height: 100%; border-radius: 50%; border:1px solid #dedee1; display: block; position: absolute; z-index:-1; left: 0px; top: 0px; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;}
.foot_share ul li a:after{ content:""; width: 100%; height: 100%; border-radius: 50%; display: block; background-color:#e24419; position: absolute; z-index:-1; left: 0px; top: 0px; transform: scale(0.6); -webkit-transform: scale(0.6); opacity: 0; -moz-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1);
  -o-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1);
  -ms-transition: all .6s cubic-bezier(0.445, 1.045, 0.355, 1);
  transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1); visibility: hidden;}
.foot_share ul li a:hover:before{ opacity: 0; transform: scale(1.3); -webkit-transform: scale(1.3); }
.foot_share ul li a:hover:after{ transform: scale(1); -webkit-transform: scale(1); opacity: 1; visibility: visible;}
.foot_share ul li a:hover .img01{ display:none;}
.foot_share ul li a:hover .img02{ display: inline-block;}
.copyright{ text-align:center; font-size:12px; color:#9c9ba0; background:#f2f3f6; line-height:40px; padding-top:15px; padding-bottom:15px; }
.copyright a{ transition:.3s;}
.copyright a:hover{color:#e24419;}
footer .qrcode{
    width: 120px;
    position: absolute;
    left: -44px;
    bottom: 50px;
    z-index: 9;
    background: #ddd;
    border-radius: 5px;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    display: none;
}
footer .qrcode:before{ content:""; position:absolute; bottom:-8px; left:50%; margin-left:-8px; border-left:transparent 8px solid; border-right:transparent 8px solid; border-top:#ddd 8px solid}
footer .qrcode .pic{
    width: 110px;
    height: 110px;
    padding: 5px;
    display:  inline-block;
}
footer .qrcode img{
    width: 100%;
    display: block;
}
footer .qrcode .txt1{
    line-height: 20px;
    font-size: 14px;
    color: #666;
} 
#gotop{display:block; position: fixed; left: auto; right:30px; bottom: 100px; text-align: center; width:68px; height:68px; line-height: 68px; z-index:999; overflow:hidden; transition:.3s; -webkit-transition:.3s; background: #e24d19; border-radius: 50%; overflow: hidden; cursor: pointer; opacity: 1;}
#gotop.hide{height:0; overflow:hidden; display:block !important; opacity: 0;}
#n_banner{ width:100%; height:470px; overflow:hidden; position:relative; text-align:center; background:#000;  }
#n_banner .con{ height:100%; position: absolute; top:0; left:0; z-index:99; width:100%;}
#n_banner .img{ height:100%; opacity:1; fiter:alrha(opacity=100); }
#n_banner .txt span{ display: block; font-size: 36px; text-transform: capitalize; color: #fff; font-family: b_Bold_i; font-style: italic;}
#n_banner .txt h3{ text-transform:uppercase; font-size:1.5rem; color:#fff; margin-top:10px; padding-bottom: 2rem; }
#n_banner .txt h4{ text-transform:uppercase;font-family: b_Bold_i; font-size:2.25rem; color:#fff; margin-top:10px; }
.bn_mask{ position:absolute; width: 100%; height: 117px; background: url(../images/n_banner_mask.png) left bottom no-repeat; right: 0; bottom: -1px;}
.n_position{ font-size:12px; color:#a0a0a0;  height: 4rem; line-height:4rem; color:#a6a6a6; margin-top: -4rem; }
.n_position a{ font-size:12px; display: inline-block; margin: 0 3px; color:#898989; position:relative; transition:.2s;}
.n_position span{ font-size:12px; color:#e24d19; margin-left: 3px;}
.n_position a:hover{ color:#e24d19;}
#n_about{ background: #fff; margin-top: -1px; position: relative; text-align: center; padding-top: 80px; padding-bottom: 70px;}
#n_about .pic{ display: inline-block; margin-right: 165px; vertical-align: top; text-align: left; text-transform: uppercase; font-weight: bold;}
#n_about .pic h3{ font-size: 72px; color: #3e3e3e; font-family:b_Bold; line-height: 1; margin-top: 7px;}
#n_about .pic h4{ font-size: 36px; color: #3e3e3e; font-family:b_Bold;}
#n_about .txt{ display: inline-block; text-align: left; vertical-align: top; width:53%;}
#n_about .txt h3{ font-size: 26px; color: #464849; margin-bottom: 28px;}
#n_about .txt p{ font-size: 14px; line-height: 26px; color: #7c7c7c;}
#n_about .txt .tt{ margin-bottom: 26px;}
#n_about .txt .tt h3{ font-size: 26px; color: #464849; font-weight: bold; margin: 0;}
#n_about .txt .tt h3 b{ color:#df4615;}
#n_about .txt .tt p{ font-size: 22px; color: #464849; margin-top: 18px; margin-bottom: 20px;}
#n_about .txt .tt i{ display: block; width: 26px; height: 5px; background: #e24d19;}
#n_about_slide{ padding-bottom: 110px;}
#n_about_slide ul{}
#n_about_slide ul li{ position: relative;}
#n_about_slide ul li .img{ border-radius: 18px 0 18px 0; overflow: hidden; background: #000;}
#n_about_slide ul li .img img{ opacity: .8;}
#n_about_slide ul li .txt{ position: absolute; width: 100%; z-index: 9; top: 0; left: 0; text-align: center; color: #fff; padding-top: 100px;}
#n_about_slide ul li .txt h3{ color: #fff; font-size: 30px; margin-bottom: 24px;}
#n_about_slide ul li .txt p{ font-size: 12px; line-height: 26px; color: rgba(255,255,255,.7);}
.about_next{ font-size: 14px; color: #fff; font-weight: bold; text-transform: uppercase; width: 120px; height: 120px; border: 1px solid #fff; border:1px solid rgba(255,255,255,.4); position: absolute; left: 50%; margin-left: -60px; bottom: 82px; line-height: 118px; text-align: center; border-radius: 50%; cursor: pointer;}
#n_about_slide .slick-dots{ bottom:-56px;}
#n_about_slide .slick-dots li{ margin:0; width: auto;}
#n_about_slide .slick-dots li button{ content:""; position:relative; display:inline-block; padding: 0; width:10px; height:10px; border-radius:50%; border:1px solid #a4a4a4; box-sizing:border-box; opacity:1; margin: 0 5px; }
#n_about_slide .slick-dots li.slick-active button{ border: 2px solid #000;}
#n_about_slide .slick-dots li button:before{ display: none;}
#n_about_slide .slick-dots li:before{ content: ""; width: 0; height: 1px; display: inline-block; background: #000; transition: .3s;}
#n_about_slide .slick-dots li:after{ content: ""; width: 0; height: 1px; display: inline-block; background: #000; transition: .3s;}
#n_about_slide .slick-dots li.slick-active:before{ width: 15px; margin-left: 5px;}
#n_about_slide .slick-dots li.slick-active:after{ width: 15px; margin-right: 5px;}
#n_about_slide ul li .txt h3,#n_about_slide ul li .txt p{ transform: translateY(150%); opacity: 0; visibility: hidden; transition: 1s;}
#n_about_slide ul li.slick-current .txt h3,#n_about_slide ul li.slick-current .txt p{ transform: translateY(0); opacity: 1; visibility: visible; }
#n_about_txt{ background: #f2f3f6; padding-top: 70px; padding-bottom: 90px;}
#n_about_txt .tt{ font-size: 24px; color: #171717; font-weight: bold; margin-bottom: 16px;}
#n_about_txt .con{ font-size: 14px; line-height: 36px; color: #3b3b3b;}
#n_about_txt hr{ margin: 25px 0 35px;}
#n_pro{ width: 100%; overflow: hidden; background: url(../images/n_pro_bg.jpg) center no-repeat; background-size: cover; padding: 79px 0;}
#n_pro ul{ margin: -30px -23px;}
#n_pro ul li{ width: 33.333%; float: left; padding: 30px 23px;}
#n_pro ul li a{ background: #fff; display: block; text-align: center; padding: 50px; border-radius: 9px; position: relative;}
#n_pro ul li font{ display: block; height: 50px;}
#n_pro ul li font img{}
#n_pro ul li i{ position:absolute; top: 38px; right: 38px; font-size: 24px; color: #e24d19;font-family:b_Regular; transform: translateY(150%); opacity: 0; visibility: hidden; transition: 1s;}
#n_pro ul li h5{ font-size: 18px; color: #464849; margin-top: 30px;}
#n_pro ul li span{ font-size: 12px; color: #c0c0c0;font-family:b_Regular; text-transform: capitalize;}
#n_pro ul li a:hover i{ transform: translateY(0); opacity: 1; visibility: visible; }
#n_pro ul li a:hover{box-shadow: 9px 15px 60px 12px rgba( 145, 38, 0, .18 );}
#n_news { padding-bottom: 78px; background: #f2f3f6; padding-top: 78px;}
#n_news ul{ margin-top: -30px;}
#n_news ul li{ height: 160px; position: relative; margin-top: 30px; }
#n_news ul li a{ display: block; position: relative; height: 100%; background: #fff; border: 1px solid #d0d1d4;}
#n_news ul li .time{ width: 135px; height: 100%; font-size: 14px; background: #fff; text-align: left; color: #cbcbcb; font-family:arial; float: left; transition: .5s; border-right: 1px solid #d0d1d4; padding-left: 35px;}
#n_news ul li .time span{ font-size: 24px; display: block; color: #3f3f3f; transition: .5s;}
#n_news ul li .time i{ display: block; width: 30px; height: 1px; background: #e24d19; margin-bottom: 16px; margin-top: 13px;} 
#n_news ul li .txt{ padding: 36px 50px; width: calc(100% - 135px); float: right;}
#n_news ul li .txt h5{ font-size: 18px; color: #3e3e3e; margin-bottom: 20px;}
#n_news ul li .txt p{ font-size: 14px; color: #a6a7aa; line-height: 24px; height: 48px; overflow: hidden;}
#n_news ul li:hover{ z-index: 9;}
#n_news ul li:hover{box-shadow: 10px 17.321px 46px 22px rgba( 73, 73, 73, .15 );}
#n_news ul li:hover .time{ background: #e24d19; color: #fff;}
#n_news ul li:hover .time span{ color: #fff;}
#n_news ul li:hover .time i{ background: #fff;}
#n_news ul li:hover .txt h5{ color: #e24d19;}
/*翻页*/
.page { text-align:center; margin-top: 3.75rem;}
.page a{ padding:0 12px; min-width: 35px; height:35px; line-height:33px; display:inline-block; margin:0 0.1rem; border-radius: 2px; color:#66635f; border: 1px solid #e7e8ea; background: #fff; border-radius: 3px; font-size:14px; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.page .on{ background:#e24d19;  color:#fff;}
.page a:hover{ background:#e24d19; color:#fff;}
#n_shipin{ width: 100%; overflow: hidden; background: url(../images/n_shipin_bg.jpg) center no-repeat; background-size: cover; padding-top: 100px; padding-bottom: 100px;}
#n_shipin ul{ margin:0 -23px; margin-top:-25px;}
#n_shipin ul li{ width: 50%; float: left; padding: 0 23px; margin-top: 25px; margin-bottom: 30px; }
#n_shipin ul li a{ display: block; position: relative; overflow: hidden;}
#n_shipin ul li .img{ position: relative; overflow: hidden; width: 350px; float: left; margin-right: 30px;}
#n_shipin ul li .img img{}
#n_shipin ul li .mask{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; color: #fff; z-index: 1; font-size: .875rem; line-height: 2rem;}
#n_shipin ul li .mask:before{ content: ""; position: absolute; right: 0; top: 0; width: 0; height: 100%; background: rgba(226,77,25,.85); z-index: -1; transition: .7s; }
#n_shipin ul li .mask font{ width: 42px; height: 42px; display: inline-block; background: url(../images/n_play.png) center no-repeat; background-size: contain; vertical-align: middle;margin: 0 1rem; opacity: 0; visibility: hidden; transform: translateY(15px); transition: .3s; display: inline-block;}
#n_shipin ul li h5{ height: 3.75rem; line-height: 3.75rem; font-size: 1.125rem; color: #383838; text-align: center; padding: 0 10px;}
#n_shipin ul li a:hover .mask:before{ width: 100%; left: 0; right: auto;}
#n_shipin ul li a:hover .mask font{ opacity: 1; visibility: visible; transform: translateY(0); transition: .5s .3s; }
#n_shipin ul li .txt{ padding-top: 29px;}
#n_shipin ul li .txt h4{ font-size: 18px; line-height: 24px; height: 48px; overflow: hidden; color: #575757; margin-bottom: 38px;}
#n_shipin ul li .txt span{}
.btn_linedown{font-size:18px;font-family:b_Medium; text-transform: capitalize; color:#3e3e3e; position:relative;}
.btn_linedown:before,.btn_linedown:after{ content:""; width:100%; height:1px; background:#101010; display:inline-block; position:absolute; right:0; bottom:-1px;}
.btn_linedown:after{ width:0; transition:.5s;}
.btn_linedown:before{ transition:.5s .5s; left:0; right:auto;}
.btn_linedown:hover:before{ width:0; transition:.5s; right:0; left:auto;}
.btn_linedown:hover:after{ width:100%; transition:.5s .5s; left:0; right:auto;}
#n_huodong{ background: #f2f3f6; padding-top: 70px; padding-bottom: 65px;}
#n_huodong ul{}
#n_huodong ul li:first-child{ border-top: 1px solid #dedfe2;}
#n_huodong ul li{ height: 60px; border-bottom: 1px solid #dedfe2; overflow: hidden; position: relative;}
#n_huodong ul li h5{ float: left; line-height: 58px; font-size: 16px; color: #333; width: calc(100% - 100px);}
#n_huodong ul li span{ font-size: 22px; color: #464849;font-family:b_Regular; width: 169px; padding-left: 24px; display: inline-block; position: relative; }
#n_huodong ul li .right_btn{ float: right; margin-top: 12px;}
#n_huodong ul li:before{ content: ""; display: block; width: 0; height: 2px; background: #df4615; transition: 1s; position: absolute; right: 0; bottom: 0;}
#n_huodong ul li:hover:before{ width: 100%; left: 0; right: auto;}
.right_btn{ display:block; font-size:12px; color:#727475; font-family:arial; text-transform:uppercase; width:70px; height:35px; background:#fff; border-radius:20px; text-align:center; line-height:35px; position:relative; z-index:0; transition:.5s; overflow:hidden;}
.right_btn:before{ content:""; width:120px; height:120px; border-radius:50%; transform-origin:center; transform:scale(0); background:#df4615; position:absolute; z-index:-1; top:0; right:0; transition:.5s;}
.right_btn:hover:before{ transform:scale(1); top:-50px; right:-40px; }
.right_btn:hover{ color:#fff;}
#n_hangye{ background: #f2f3f6; padding-top: 95px; padding-bottom: 95px;}
#n_hangye ul{ margin-top: -28px;}
#n_hangye ul li{ border: 1px solid #d8d9dc; background: #fff; overflow: hidden; margin-top: 28px; position: relative; z-index: 1;}
#n_hangye ul li a{ display: block; width: 100%; height: 100%; overflow: hidden; position: relative;}
#n_hangye .img{ width: 330px; height: 200px; float: left; margin: 19px;}
#n_hangye .img img{}
#n_hangye .txt{ width: calc(100% - 370px); border-left: 1px solid #d8d9dc; float: right; position: absolute; right: 0; top: 0; padding-left: 65px; height: 100%; padding-top:55px; padding-right: 85px; transition: .7s;}
#n_hangye .txt:before{ content: ""; display: block; width: 7px; height: 10px; background: url(../images/hangye_ico.png) center no-repeat; position: absolute; left: 17px; top: 50%; margin-top: -5px;}
#n_hangye .txt font{ position: absolute; right: 65px; top: 35px; width: 3rem; height: 3rem;}
#n_hangye .txt font img{ transition: .7s;}
#n_hangye .img01{}
#n_hangye .img02{ display: none;}
#n_hangye .txt h5{ font-size: 24px; color: #e24d19; margin-bottom: 26px; transition: .7s;}
#n_hangye .txt h5 span{ font-size: 26px; color: #383838;font-family:b_Bold; text-transform: uppercase; margin-right: 16px; transition: .7s;}
#n_hangye .txt p{ font-size: 14px; color: #7c7c7c; line-height: 24px; height: 48px; overflow: hidden; margin-bottom: 22px; transition: .7s;}
#n_hangye .btn_linedown{ display: inline-block; font-size: 12px; font-family: arial; transition: .7s;}
#n_hangye ul li:before{ content: ""; display: block; width:100%; height: 0; background: #e24d19; position: absolute; bottom: 0; left: 0; z-index: -1; transition: .7s;}
#n_hangye ul li:hover:before{ height: 100%; top: 0; bottom: auto;}
#n_hangye ul li:hover .img01{ display: none;}
#n_hangye ul li:hover .img02{ display: block;}
#n_hangye ul li:hover .txt{ border-left: 1px solid transparent;}
#n_hangye ul li:hover .txt h5{ color:#fff;}
#n_hangye ul li:hover .txt h5 span{ color:#fff;}
#n_hangye ul li:hover .txt p{ color:#fff; color: rgba(255,255,255,.7);}
#n_hangye ul li:hover .btn_linedown{ color:#fff;}
#n_hangye ul li:hover .btn_linedown:before{ background: #fff;}
#n_hangye ul li:hover .btn_linedown:after{ background: #fff;}
#n_hangye ul li:hover .txt:before{ background: url(../images/hangye_ico_on.png) center no-repeat;}
#n_hangye ul li:hover .btn_linedown:before{ width:0; transition:.5s; right:0; left:auto;}
#n_hangye ul li:hover .btn_linedown:after{ width:100%; transition:.5s .5s; left:0; right:auto;}
#n_hangye ul li:hover{box-shadow: 9px 15px 60px 12px rgba( 0, 0, 0, .18 );}
#n_fangan_slide{ width: 100%; height: 559px; background: url(../images/n_fangan_slide_bg.jpg) center no-repeat; padding-top: 74px; overflow: hidden;}
#n_fangan_slide .fangan_nav{ width: 800px; float: left; margin-right: 68px;}
#n_fangan_slide ul li .img{ width: 800px; height: 485px;}
#n_fangan_slide ul li .txt{ padding-top: 60px;}
#n_fangan_slide ul li .txt i{ display: block; width: 20px; height: 1px; background: #494949; margin-bottom: 22px;}
#n_fangan_slide ul li .txt h5{ font-size: 26px; color: #464849; font-weight: bold; margin-bottom: 148px;}
#n_fangan_slide ul li .txt p{ font-size: 14px; line-height: 26px; color: #282828;}
#n_fangan_slide .slick-arrow{ z-index:99; position:absolute; top:50%; left: auto; transform:translate(0,0); opacity:1;
	display:block; width: 41px; height: 41px; }
#n_fangan_slide .slick-prev{  background:url(../images/fangan_left.png) left center no-repeat; right: 288px;
	transition:300ms;-webkit-transition:300ms;}
#n_fangan_slide .slick-next{ background:url(../images/fangan_right.png) right center no-repeat; right: 237px;
	transition:300ms;-webkit-transition:300ms;}
.slick-prev:before, .slick-next:before{ display:none;}
#n_fangan_slide .slick-prev:hover{  background:url(../images/fangan_left_on.png) left center no-repeat;}
#n_fangan_slide .slick-next:hover{ background:url(../images/fangan_right_on.png) right center no-repeat;}
#n_fangan_xq{ padding-top: 90px; padding-bottom: 40px;}
.ar_article{ font-size:14px; color:#686868; line-height:36px; text-align:justify; }
.ar_article p{font-size:14px; color:#686868; line-height:36px; padding-bottom:20px;}	
.ar_article strong{ font-weight:bold;}
.ar_article td,.ar_article th{ padding:15px; border: 1px solid #c6c5c5; font-size:0.88rem !important;    font-family: "微软雅黑","Microsoft YaHei", sans-serif !important;}
.ar_article td *,.ar_article th *{ font-size:0.88rem !important; font-family: "微软雅黑","Microsoft YaHei", sans-serif !important;}
.ar_article td p,.ar_article th p{ padding-bottom:0; margin-bottom:0; text-align: inherit;}
.ar_article img{ max-width:100%;}
.ar_article a{ color:#363636;}
.ar_article h1,.ar_article h2,.ar_article h3,.ar_article h4,.ar_article h5,.ar_article h6{ font-weight:bold;}
.ar_article ul li,
.ar_article ol li{ padding-bottom:0 !important; margin-bottom:0 !important; margin-left:2rem;}
.ar_article ul li p,
.ar_article ol li p{ padding-bottom:0; margin-bottom:3px !important; }
.ar_article ul,
.ar_article ol{ margin-bottom:15px;}
.ar_title {margin-bottom:2.5rem; padding-bottom:8px; position: relative; text-align: center;}
.ar_title:before{ content: ""; display: block; width: 100%; height: 1px; background: #f0f0f0; position: absolute; left: 0; bottom: 0;}
.ar_title:after{ content: ""; display: block; width: 70px; height: 2px; background: #e24d19; position: absolute; left:50%; margin-left: -35px; bottom: 0;}
.ar_title h3{ font-size:24px; color:#333333; font-weight: bold; margin-bottom:3px; line-height: 1.5; }
.ar_title span.time{ font-size:.875rem; color:#7e8080; line-height:2rem;}
#n_news_xq{ }
#n_news_xq .m{ background: #fff; padding: 55px 58px 40px; }
.ar_fot{ overflow: hidden; margin-bottom: 3.75rem; margin: 0 -1rem; margin-top: 1rem; padding-top: 30px; background: url(../images/ar_fot_bg.png) center top no-repeat;}
.ar_fot h5{ line-height: 1.5; max-width: 50%; position: relative; font-size: 16px; color: #7c7d7f; display: inline-block;}
.ar_fot h5 a{ display:block; padding: 1rem;}
.ar_fot h5:nth-child(2){ text-align: right;}
.ar_fot h5:hover{ color: #e24d19;}
#n_pro_slide{ width: 840px; margin: 0 auto; padding-top: 80px;}
#n_pro_slide .slick-arrow{ z-index:99; position:absolute; top:50%; margin-top: -20px; left: auto; transform:translate(0,0); opacity:1;
	display:block; width: 38px; height: 38px; }
#n_pro_slide .slick-prev{  background:url(../images/pro_left.png) left center no-repeat; left: -178px;
	transition:300ms;-webkit-transition:300ms;}
#n_pro_slide .slick-next{ background:url(../images/pro_right.png) right center no-repeat; right: -178px;
	transition:300ms;-webkit-transition:300ms;}
.slick-prev:before, .slick-next:before{ display:none;}
#n_pro_slide .slick-prev:hover{  background:url(../images/pro_left_on.png) left center no-repeat;}
#n_pro_slide .slick-next:hover{ background:url(../images/pro_right_on.png) right center no-repeat;}
.btn_more3{ width:124px; height:38px; line-height:38px; display:block; text-align:center; font-size:12px; color:#464849; border-radius:20px; position:relative; z-index:0; overflow:hidden; transition:all ease 600ms;}
.btn_more3:before{ content:""; position: absolute; right: 0; top: 0; display: block; height:100%; width:100%;border-radius:20px; box-sizing:border-box; border:1px solid #d7dddf; transition:all ease 600ms; z-index:-1;}
.btn_more3:hover:before{ border:1px solid #e24d19;}
.btn_more3:after{ content:""; position: absolute; right: 0; top: 0; display: block; height:100%; width:0; background:#e24d19; transition:all ease 600ms; z-index:-1;}
.btn_more3:hover:after{ width:100%; left:0; right:auto;}
.btn_more3:hover{ color:#fff;  }
.btn_more3 font{ font-family: simsun; margin-right: 12px;}
.n_pro_tt{ line-height: 38px; height: 38px; overflow: hidden; margin-top: 80px; margin-bottom: 100px; position: relative; z-index: 1;}
.n_pro_tt h3{ float: left; font-size: 26px; color: #e24d19; font-weight: bold;}
.n_pro_tt b{ color: #464849;}
.n_pro_tt span{ float: left; font-size: 18px; color: #3e3e3e;font-family:b_Regular; margin-left: 12px;}
.n_pro_tt .btn_more3{ float: left; margin-left: 47px;}
#n_pro_xq{ padding-top: 70px; padding-bottom: 60px; background: #f7f7f7 url(../images/n_pro_xq_bg.jpg) center bottom no-repeat; position: relative; z-index: 0;}
/*浪*/
@keyframes move_wave {
    0% {
        transform: translateX(0) translateZ(0) scaleY(1)
    }
    50% {
        transform: translateX(-25%) translateZ(0) scaleY(0.55)
    }
    100% {
        transform: translateX(-50%) translateZ(0) scaleY(1)
    }
}
.waveWrapper {
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    top: -130px;
    margin: auto;
	height:166px; z-index:0;
}
.waveWrapperInner {
    position: absolute;
    width: 100%;
    overflow: hidden;
    height: 100%;
    bottom: -1px;
}
.bgTop {
    z-index: 15;
    opacity: 0.9;
}
.bgMiddle {
    z-index: 10;
    opacity: 0.9;
}
.bgBottom {
    z-index: 5;
}
.wave {
    position: absolute;
    left: 0;
    width: 200%;
    height: 100%;
    background-repeat: repeat no-repeat;
    background-position: 0 bottom;
    transform-origin: center bottom;
}
.waveTop {
    background-size: 50% 100px;
}
.waveAnimation .waveTop {
  animation: move-wave 3s;
   -webkit-animation: move-wave 3s;
   -webkit-animation-delay: 1s;
   animation-delay: 1s;
}
.waveMiddle {
    background-size: 50% 120px;
}
.waveAnimation .waveMiddle {
    animation: move_wave 10s linear infinite;
}
.waveBottom {
    background-size: 50% 100px;
}
.waveAnimation .waveBottom {
    animation: move_wave 15s linear infinite;
}